<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>用户注册</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
            box-sizing: border-box;
        }

        body{
            background-image: url("../static/images/black.png");
            padding-top: 25px;
        }

        .re_div{
            border: 8px solid #EEEEEE;
            width: 900px;
            height: 500px;
            background-color: white;
            margin: auto;
        }

        .cLeft{
            float: left;
            margin: 15px;
        }
        #p1{
            color: #FFD026;
            font-size: 20px;
        }
        #p2{
            color: #A6A6A6;
            font-size: 20px;
        }
        .cCenter{
            float: left;
        }
        .td_left{
            width: 100px;
            height: 50px;
            text-align: right;
            color: #A6A6A6;
        }
        .td_right{
            padding-left: 50px;
            color: #A6A6A6;
        }
        #username,#password,#email,#poseid,#sex,#phonenumber,#status,#userid,#usertype{
            width: 251px;
            height: 32px;
            border: 1px solid #A6A6A6;
            /*    设置边框圆角*/
            border-radius: 10px;
            padding-left: 10px;
        }
        #checkcode{
            width: 110px;
        }
        #cheImg{
            height: 32px;
            vertical-align: middle;
        }
        #btn_sub{
            width: 150px;
            height: 40px;
            background-color: #FFD026;
            border: 1px solid #FFD026;
        }
        .cRight{
            font-size: 15px;
            margin: 15px;
            float: right;
        }
        .cRight p a{
            color: pink;
        }

    </style>
</head>
<body>
<div class="re_div">
    <div class="cLeft">
        <p id="p1">新用户注册</p>
        <p id="p2">USER REGISTER</p>
    </div>
    <div class="cCenter">
        <form th:action="@{/resigened}" method="post">

            <table >
                <tr>
                    <td class="td_left"><label for="userid">用户账号</label></td>
                    <td class="td_right"><input type="text" name="userid" id="userid" placeholder="请输入用户账号"></td>
                </tr>
                <tr>
                    <td class=td_left><label for="poseid">身份账号 </label></td>
                    <td class=td_right><input type="text" name="poseid" id="poseid" placeholder="请输入身份账号"></td>
                </tr>
                <tr>
                    <td class="td_left"><label for="username">用户名 </label></td>
                    <td class="td_right"><input type="text" name="username" id="username" placeholder="请输入用户名"></td>
                </tr>
                <tr>
                    <td class="td_left"><label for="password">用户密码 </label></td>
                    <td class="td_right"><input type="password" name="password" id="password" placeholder="请输入用户密码"></td>
                </tr>
                <tr>
                    <td class="td_left"><label for="usertype">用户类型 </label></td>
                    <td class="td_right"><input type="text" name="usertype" id="usertype" placeholder="请输用户类型"></td>
                </tr>
                <tr>
                    <td class="td_left"><label for="email">用户邮箱 </label></td>
                    <td class="td_right"><input type="text" name="email" id="email" placeholder="请输入用户邮箱"></td>
                </tr>
                <tr>
                    <td class="td_left"><label for="phonenumber">用户手机号 </label></td>
                    <td class="td_right"><input type="text" name="phonenumber" id="phonenumber" placeholder="请输入用户手机号"></td>
                </tr>
                <tr>
                    <td class="td_left"><label for="sex">用户性别 </label></td>
                    <td class="td_right">
                        <label><input name="gender" type="radio" value="1" checked>男</label>
                        <label><input name="gender" type="radio" value="0">女</label>
                       </td>

                </tr>
                <tr>
                    <td class="td_left"><label for="status">状态 </label></td>
                    <td class="td_right"><input type="text" name="status" id="status" placeholder="请输入用户名状态(0正常1停用)"></td>
                </tr>
                <tr>
                    <td colspan="2" align="center"><input type="submit" id="btn_sub" value="注册"></td>
                </tr>
            </table>
           <!-- <div class="form-group">
                <label for="username" class="col-md-2 col-md-offset-3 control-label">用户名<b>*</b></label>
                <div class="col-md-3">
                    <input id="username" type="text" placeholder="4-10个英文字母或数字" class="form-control">
                </div>
                <div class="col-md-4">
                    <label id="errorname" class="control-label errstyle"></label>
                </div>
            </div>

            <div class="form-group">
                <label for="password" class="col-md-2 col-md-offset-3 control-label">密码<b>*</b></label>
                <div class="col-md-3">
                    <input id="password" type="password" placeholder="8-16个英文字母或数字" class="form-control">
                </div>
                <div class="col-md-4">
                    <label id="errorpassword" class="control-label errstyle"></label>
                </div>
            </div>

            <div class="form-group">
                <label for="confirm" class="col-md-2 col-md-offset-3 control-label">确认密码<b>*</b></label>
                <div class="col-md-3">
                    <input id="confirm" type="password" placeholder="确认密码" class="form-control">
                </div>
                <div class="col-md-4">
                    <label id="errorconfirm" class="control-label errstyle"></label>
                </div>
            </div>

            <div class="form-group">
                <label for="department" class="col-md-2 col-md-offset-3 control-label">部门</label>
                <div class="col-md-3">
                    <select id="department" class="form-control">
                        <option>销售部</option>
                        <option>技术部</option>
                        <option>人事部</option>
                    </select>
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-2 col-md-offset-3 control-label">性别</label>
                <div class="col-md-3 radio">
                    <label><input name="gender" type="radio" value="1" checked>男</label>
                    <label><input name="gender" type="radio" value="0">女</label>
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-2 col-md-offset-3 control-label">兴趣爱好</label>
                <div class="col-md-3 checkbox" id="hobbies">
                    <label><input type="checkbox" value="1" id="xq">下棋</label>
                    <label><input type="checkbox" value="2" id="yy">游泳</label>
                    <label><input type="checkbox" value="3" id="ps">爬山</label>
                    <label><input type="checkbox" value="4" id="dq">打球</label>
                </div>
                <div class="col-md-4">
                    <label id="errorhobbies" class="control-label errstyle"></label>
                </div>
            </div>

            <div class="form-group">
                <label for="email" class="col-md-2 col-md-offset-3 control-label">电子邮箱</label>
                <div class="col-md-3">
                    <input type="email" id="email" placeholder="电子邮箱" class="form-control">
                </div>
                <div class="col-md-4">
                    <label id="erroremail" class="control-label errstyle"></label>
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-2 col-md-offset-3 control-label">人生格言</label>
                <div class="col-md-3">
                    <textarea class="form-control" rows="3" placeholder="这家伙很懒，什么也没留下"></textarea>
                </div>
            </div>

            <div class="col-md-2 col-md-offset-5 text-center">
                <button class="btn btn-primary" id="submit">提交</button>
                <span>　　</span>
                <button class="btn btn-primary" type="reset">清空</button>
            </div>
-->
        </form>
    </div>
    <div class="cRight">
        <p id="p3">已有账号？<a href="begin">立即登录</a></p>
    </div>
</div>
</body>
</html>
